<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>家居医生</title>
    <link rel="stylesheet" href="css/style04.css">
</head>
<body>
    <div class="top">
        <img src="img/logo.png" >
    </div>
    <div class="header">
        <div class="header-wrap">
            <div class="start">
                <img src="img/location.png">
                <span class="text"><a href="#">深圳&nbsp;切换</a></span>
            </div>
            <div class="center container">
                <span><a href="#">首页</a></span>
                <span><a href="#">咨询</a></span>
                <span><a href="#">测评</a></span>
                <span><a href="#">商城</a></span>
            </div>
            <div class="adm">
                <img src="img/adm.png">
                <span><a href="#">个人中心</a></span>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="title">
            <p>
                <a href="#">首页</a> < <a href="#">预防装修污染</a> < <a href="#">材料库</a>
            </p>
        </div>
        <div class="menu">
            <a href="#" class="color1">类别</a>
            <a href="#">全部</a>
            <a href="#">地板</a>
            <a href="#">涂料</a>
            <a href="#">墙纸</a>
            <a href="#">瓷砖</a>
            <a href="#">粘胶剂</a>
            <a href="#">油漆</a>
            <a href="#">家具</a>
            <a href="#">板材</a>
            <a href="#">饰品</a>
            <a href="#"><img src="img/indexSelect.png" alt=""></a>
            <br>
            <a href="#"  class="color1">类型</a>
            <a href="#">全部</a>
            <br>
            <a href="#"  class="color1">材质</a>
            <a href="#">全部</a>
            <a href="#">实木</a>
            <a href="#">复合</a>
            <a href="#">强化</a>
            <a href="#">其他</a>
            <br>
            <a href="#"  class="color1">品牌</a>
            <a href="#">全部</a>
            <a href="#">圣象</a>
            <a href="#">大自然</a>
            <a href="#">生活家</a>
            <a href="#">北美风情</a>
            <a href="#">德尔</a>
            <a href="#">博典</a>
            <a href="#">船王</a>
        </div>
        <div class="search">
            <span>
                <a href="#">发布时间</a>
            </span>
            <span>
                <a href="#"><img src="img/downicon.png" alt=""></a>
            </span>
            <span>
                <a href="#">价格</a>
            </span>
            <span>
                <a href="#"><img src="img/upicon.png" alt=""></a>
            </span>
            <span>
                <a href="#">节能保护</a>
            </span>
            <span>
                <a href="#"><img src="img/upicon.png" alt=""></a>
            </span>
            <div class="search-box">
                <input type="text" class="sousuolan" placeholder="搜索">
                <img src="img/search.png" alt="">
                <button class="button1">搜索</button>
            </div>
            <div class="search-right">
                <img src="img/wenhao.png" alt="">
                <a href="#">了解家居医生建材环保评级标准</a>
            </div>
        </div>
        <div class="row">
            <div class="row1">
                <img src="img/data_image.png" alt="">
                <p>德尔&nbsp;都市系列</p>
                <p>木地板-复合地板</p>
                <p>单价：128元/m<sup>2</sup></p>
                <p class="row-p">环保评级B（可以使用）</p>
            </div>
            <div class="row1">
                <img src="img/data_image.png" alt="">
                <p>德尔&nbsp;都市系列</p>
                <p>木地板-复合地板</p>
                <p>单价：128元/m<sup>2</sup></p>
                <p class="row-p">环保评级B（可以使用）</p>
            </div>
            <div class="row1">
                <img src="img/data_image.png" alt="">
                <p>德尔&nbsp;都市系列</p>
                <p>木地板-复合地板</p>
                <p>单价：128元/m<sup>2</sup></p>
                <p class="row-p">环保评级B（可以使用）</p>
            </div>
            <div class="row1-end">
                <img src="img/data_image.png" alt="">
                <p>德尔&nbsp;都市系列</p>
                <p>木地板-复合地板</p>
                <p>单价：128元/m<sup>2</sup></p>
                <p class="row-p">环保评级B（可以使用）</p>
            </div>
        </div>
        <div class="row">
            <div class="row1">
                <img src="img/data_image.png" alt="">
                <p>德尔&nbsp;都市系列</p>
                <p>木地板-复合地板</p>
                <p>单价：128元/m<sup>2</sup></p>
                <p class="row-p">环保评级B（可以使用）</p>
            </div>
            <div class="row1">
                <img src="img/data_image.png" alt="">
                <p>德尔&nbsp;都市系列</p>
                <p>木地板-复合地板</p>
                <p>单价：128元/m<sup>2</sup></p>
                <p class="row-p">环保评级B（可以使用）</p>
            </div>
            <div class="row1">
                <img src="img/data_image.png" alt="">
                <p>德尔&nbsp;都市系列</p>
                <p>木地板-复合地板</p>
                <p>单价：128元/m<sup>2</sup></p>
                <p class="row-p">环保评级B（可以使用）</p>
            </div>
            <div class="row1-end">
                <img src="img/data_image.png" alt="">
                <p>德尔&nbsp;都市系列</p>
                <p>木地板-复合地板</p>
                <p>单价：128元/m<sup>2</sup></p>
                <p class="row-p">环保评级B（可以使用）</p>
            </div>
        </div>
        <div class="page-row">
            <div class="turn-page">
                <a href="#" class="row-a">上一页</a>
                <a href="#">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">5</a>
                <a href="#" class="row-a">下一页</a>
            </div>
            <div class="turn"><p>共有十页，去第<input type="text" class="number">页</p></div>
            <div class="but"><button class="button2">确定</button></div>
        </div>
        <div class="QR-code">
            <div class="image2"><img src="img/small_weixin.png" alt=""></div> 
            <div class="word">
                <p class="QR-p">建材检测&nbsp;需求反馈</p>
                <br>
                <p>亲爱的用户，我们正在不断完善和更新建材库，</p>
                <br>
                <p>若没有找到您想要的信息，请将您想测的建材告诉我们。</p>
            </div>
        </div>
               
    </div>
    <div class="bottom"><div class="bottom1">
            <div class="bottom-left">
               <img src="img/footerLogo.png" alt="">
               <p><strong>为室内环境健康把好每一关</strong></p>
               <p>家居医生致力于中国人的家居健康问题，通过专业的技术研究<br>和测评，倾力协助大众打造绿色、环保的人居生活环境。</p>
            </div>
            <div class="bottom-right">
                <div class="bottom-right-1">
                    <a href="#">关于我们</a>&emsp;&emsp;&emsp;
                    <a href="#">版权说明</a>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
                    <img src="img/weixin2.png" alt="">
                    <a href="#">官方微信</a>
                </div>
                <div class="bottom-right-1">
                    <a href="#">联系我们</a>&emsp;&emsp;&emsp;
                    <a href="#">用户隐私</a>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
                    <img src="img/tianmao.png" alt="">
                    <a href="#">天猫旗舰店</a>
                </div>
                <div class="bottom-right-1">
                    <a href="#">加入我们</a>&emsp;&emsp;&emsp;
                    <a href="#">免责声明</a>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
                    <img src="img/weixin2.png" alt="">
                    <a href="#">有赞商城</a>
                </div>
            </div>
            <div class="line">

            </div>
            <div class="end">
                <p class="end-p">深圳建筑科学研究院股份有限公司&nbsp;&nbsp;家居医生网</p>
                <p>粤ICP08011321号@Copyright All Rights Reserved</p>
            </div>
        </div></div>
</body>
</html>